﻿@model TumbaloSoft.Models.Inmueble
@{
    Layout = "~/Views/Shared/_HomeLayout.cshtml";
    ViewBag.Title = "Su Inmueble";
}


<script>
    // increase the default animation speed to exaggerate the effect
    //$.fx.speeds._default = 4000;
    $(function () {
        $("#dialog").dialog({
            autoOpen: false,
            resizable: false,
            height: 240,
            modal: true,
            buttons: {
                "Si": function () {
                    $("#form_1").submit();
                    $(this).dialog('close');
                },

                "No": function () {
                    $(this).dialog("close");
                }
            }
        });

        $("#open").click(function () {
            $("#dialog").dialog("open");
            return false;
        });
    });
</script>
<script>
	$(document).ready(function () {
		$(":file").css("background-color", "lightgray");
		$(":file").css("height", "25px");
		$(":file").css("margin-left", "-7px");
	});
</script>

<!-- content -->
<div class="body2">
	<div class="main">
		<section id="content">
			<div class="wrapper">

                        
                <article class="col5">
                <div>&nbsp</div>
                </article>

                <!--TODO-->
                <article class="col1" style="width: 500px">
                    <form id="form_1" method="post" style="height:100%" encType = "multipart/form-data">
                        <!--FORMULARIO-->

						<div class="pad1">
							<h2 class="pad_bot1 pad_top1">Registrar Su Inmueble</h2>

                            <!--DATOS DEL INMUEBLE-->
                                <h3 class="pad_bot1 pad_top1">Paso 2: Datos del Inmueble </h3>
                                                                            
                                        <!--Image-->              
                                        <div class="row_select">
                                            <table style="width: 420px">
                                                <tr>
                                                 <td style="width: 210px"><span>Imagen:</span></td>
                                                    <td style="width: 210px">
                                                        @Html.TextBoxFor(model => model.prImagen,  new { @class="input",type="file",maxlength = "255", placeholder = "Ingresa una imagen aqui"})</td>
                                                </tr>
                                            </table>
                                        </div>
                                        
                                                                                                                                             
                                        <!--NOMBRE-->
                                        <div class="row_select">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Tipo de inmueble*:</span></td>
                                                    <td style="width: 210px">
                                                        <select id="prTipoInmueble_prIdTipoInmueble" name="prTipoINmueble.prIdTipoInmueble">
                                                         @foreach (var objTipo in ViewBag.listaTipoInmueble)
                                                         {
                                                              <option value="@objTipo.prIdTipoInmueble"> @objTipo.prDescripcion</option>
                                                         }
                                                        </select></td>
                                                </tr>
                                            </table>
                                        </div>

                                        <!--A~NO DE CONSTRUCCION -->
                                        <div class="row_select">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Año de Construcción*:</span></td>
                                                    <td style="width: 210px">
                                                        <select id="prAntiguedad" name="prAntiguedad">
                                                            @foreach (var objTipo in ViewBag.listaAnhos)
                                                            {
                                                                <option value="@objTipo">@objTipo</option>
                                                            }
                                                        </select>
                                                </tr>
                                            </table>
                                        </div>
                                        
                                        <!--OPERACION: todos los inmuebles se venden-->

                                        <!--DISTRITO-->
                                        <div class="row_select">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Distrito*:</span></td>
                                                    <td style="width: 210px">
                                                        <select id="prDistrito_prIdDistrito" name="prDistrito.prIdDistrito">
                                                            @foreach (var objTipo1 in ViewBag.listaDistrito)
                                                            {                                                        
                                                                <option value="@objTipo1.prIdDistrito">@objTipo1.prNombreDistrito</option>
                                                            }
                                                        </select>
                                                </tr>
                                            </table>
                                        </div>

                                        <!--DIRECCION-->
                                        <div class="row">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Direccion*:</span></td>
                                                    <td style="width: 210px">
                                                        @Html.TextBoxFor(model => model.prDireccion, new { @class="input"})
                                                        @Html.ValidationMessageFor(model => model.prDireccion,null ,new{style = "float: none"})
                                                </tr>
                                            </table>
                                        </div>
                                        <!--AREA DE TERRENO-->
                                        <div class="row">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Area Terreno (m2)*:</span></td>
                                                    <td style="width: 210px">
                                                        @Html.TextBoxFor(model => model.prAreaTotal, new { @class="input"})
                                                        @Html.ValidationMessageFor(model => model.prAreaTotal,null ,new{style = "float: none"})
                                                </tr>
                                            </table>
                                        </div>
                                        <!--AREA DE CONSTRUCCION-->
                                        <div class="row">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Area Construida (m2)*:</span></td>
                                                    <td style="width: 210px">
                                                        @Html.TextBoxFor(model => model.prAreaConstruida, new { @class="input"})
                                                        @Html.ValidationMessageFor(model => model.prAreaConstruida,null ,new{style = "float: none"})
                                                </tr>
                                            </table>
                                        </div>
                                        <!--NUMERO DE PISOS-->
                                        <div class="row">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Pisos*:</span></td>
                                                    <td style="width: 210px">
                                                        @Html.TextBoxFor(model => model.prNroPisos, new { @class="input"})
                                                        @Html.ValidationMessageFor(model => model.prNroPisos,null ,new{style = "float: none"})
                                                </tr>
                                            </table>
                                        </div>
                                        <!--NUMERO DORMITORIOS-->
                                        <div class="row">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Dormitorios*:</span></td>
                                                    <td style="width: 210px">
                                                        @Html.TextBoxFor(model => model.prNroDormitorios, new { @class="input"})
                                                        @Html.ValidationMessageFor(model => model.prNroDormitorios,null ,new{style = "float: none"})
                                                </tr>
                                            </table>
                                        </div>
                                        <!--NUMERO BA~NOS-->
                                        <div class="row">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Baños*:</span></td>
                                                    <td style="width: 210px">
                                                       @Html.TextBoxFor(model => model.prNroBanhos, new { @class="input"})
                                                       @Html.ValidationMessageFor(model => model.prNroBanhos,null ,new{style = "float: none"})
                                                </tr>
                                            </table>
                                        </div>


                                        <!--MONEDA-->
                                        <div class="row_select">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Moneda*:</span></td>
                                                    <td style="width: 210px">
                                                        <select name="prMoneda.prIdMoneda" >
                                                            @foreach (var objTipo1 in ViewBag.listaMoneda)
                                                            {                                                        
                                                                <option value="@objTipo1.prIdMoneda">@objTipo1.prDescripcion</option>
                                                            }
                                                        </select>
                                                </tr>
                                            </table>
                                        </div>

                                        <!--PRECIO VALOR INICIAL-->
                                        <div class="row">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Precio de Venta:</span></td>
                                                    <td style="width: 210px">
                                                        @Html.TextBoxFor(model => model.prValorMercado, new { @class="input"})
                                                        @Html.ValidationMessageFor(model => model.prValorMercado,null ,new{style = "float: none"})
                                                </tr>
                                            </table>
                                        </div>

                                        <!--COMENTARIO DEL INMUEBLE-->
                                        <div class="row">
                                            <table style="width: 420px">
                                                <tr>
                                                    <td style="width: 210px"><span>Comentario de Inmueble*:</span></td>
                                                    <td style="width: 210px">
                                                        @Html.TextAreaFor(model => model.prInformacion, new { @class="input",maxlength = "255",placeholder = "Maximo 250 caracteres aqui"})
                                                        @Html.ValidationMessageFor(model => model.prInformacion,null)
                                                </tr>
                                            </table>
                                        </div>

                                      
                                                <div id="dialog" title="Nuevo Inmueble">
                                                    <p>Esta seguro que desea guardar los datos de su inmueble?</p>                                                    
                                                    <!--<a href="#"  class="button" onClick="document.getElementById('form_1').submit()">Guardar</a>-->
                                                </div>

									<table style="width:500px">
										<tr>
											<td><button id="open"  class="button">Guardar</button></td>
											<td><a href="#"  class="button" onClick="document.getElementById('form_1').reset()">Limpiar</a></td>
											<td><a href="..\Home\Index"  class="button" onClick="document.getElementById('form_1').cancel()">Cancelar</a></td>
										</tr>
									</table> 
                                </div>
                        
                    </form>
                </article>
			</div>
		</section>

	</div>
</div>
<!-- / content -->
		
		<script type="text/javascript"> Cufon.now(); </script>
